@charset "utf-8";
/* CSS Document */
.kefu_q1 ul li a.animate, .kefu_q1 ul li:first-child { background: url(../images/222.png) no-repeat }
.kefu_q1 { position: fixed; z-index: 99; }
.kefu_q1 ul li { position: relative; width: 45px; height: 45px; background: #1b1b1b; margin-bottom: 1px }
.kefu_q1 ul li:first-child { height: 50px; font-family: Arial; background-position: 0 0; color: #fff; cursor: pointer }
.kefu_q1 ul li a.animate { position: absolute; left: 0; width: auto; height: 45px; line-height: 45px; color: transparent }
.kefu_q1 ul li a.animate, .kefu_q1 ul li.q1_code span { -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in }
.kefu_q1 ul li.q1_code span p { width: 135px; text-align: center; font-size: 12px; line-height: 15px; }
.kefu_q1 ul li.q1_qq a, .kefu_q1 ul li.q1_zx a { width: 62px; padding-left: 46px }
.kefu_q1 ul li.q1_qq a { background-position: 0 -50px; }
.kefu_q1 ul li.q1_tel a { width: 119px; padding-left: 46px; background-position: 0 -96px }
.kefu_q1 ul li.q1_zx a { background-position: 0 -142px }
.kefu_q1 ul li.q1_top { cursor: pointer; background: #fff url(../images/222.png) no-repeat 0 -1px }
.kefu_q1 ul li.q1_code { cursor: pointer; background: #1b1b1d url(../images/222.png) no-repeat 0 -188px }
.kefu_q1 ul li.q1_zx { cursor: pointer; background: #1b1b1d url(../images/222.png) no-repeat 0 -142px }
.kefu_q1 ul li.q1_tel { cursor: pointer; background: #1b1b1d url(../images/222.png) no-repeat 0 -95px }
.kefu_q1 ul li.q1_qq { cursor: pointer; background: #1b1b1d url(../images/222.png) no-repeat 0 -48px }
.kefu_q1 ul li.q1_code span { position: absolute; top: -88px; left: -146px; display: inline-block; width: 133px; height: 133px; display: none; background: #fff; border: 0px solid #eee }
.kefu_q1 ul li.q1_code img { width: 133px; height: 133px; padding: 0px }
.kefu_q1 ul li:first-child:hover { cursor: pointer; background: url(../images/top11.jpg) no-repeat; width: 100px; margin-left: -55px; padding-bottom: 0px; }
.kefu_q1 ul li.q1_qq:hover a, .kefu_q1 ul li.q1_tel:hover a, .kefu_q1 ul li.q1_zx:hover a,
.kefu_q1 ul li.q1_code:hover { background: #be000a url(../images/222.png) no-repeat }
.kefu_q1 ul li.q1_qq:hover a { font-size: 12px; color: #fff; left: -63px; background-position: 0 -50px }
.kefu_q1 ul li.q1_zx:hover a { font-size: 12px; color: #fff; left: -63px; background-position: 0 -142px }
.kefu_q1 ul li.q1_tel:hover a { width: 107px; padding-left: 57px; font-size: 13px; color: #fff; left: -119px; background-position: 10px -96px }
.kefu_q1 ul li.q1_code:hover span { display: block; background: #be000a; margin-left: 12px; }
.kefu_q2, span.close { position: fixed; text-align: center; }
.kefu_q1 ul li.q1_code:hover { color: #fff; left: 0px; background-position: 0 -189px }